@charset "UTF-8";

.comtWrap{width: 960px;margin: 0 auto;background-color: #fff;min-height: 50px;margin-top: 20px;}
.listWrap{width: 100%;overflow: hidden;min-height: 100px;border-left: 3px solid #1abcb0;border-radius: 3px;box-shadow: 3px 3px 10px #888;box-sizing: border-box;}
.listWrap ul,
.listWrap li{list-style: none;margin: 0;padding: 0;}
.listWrap .listItem{padding: 10px;overflow: hidden;padding-right: 20px;}
.itemTitle{margin: 0;margin-bottom: 10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;cursor: pointer;}
.itemTitle:hover{text-decoration: underline;}
.itemLeft{float: left;}
.itemRight{float: right; width: calc(100% - 150px);padding-left: 20px;box-sizing: border-box;height: 120px;overflow: hidden;}
.itemLeft img{width: 150px;height: 120px;}
.itemComt{line-height: 20px;font-size: 14px;max-height: 60px;overflow: hidden;color: #29324a;}
.itemTool{height: 20px;line-height: 20px;font-size: 12px;color: #3e4968;margin-top: 5px;}
.itemTool span + span{margin-left: 20px;}
.itemTool span{cursor: default;}
.listItem:nth-child(2n){background-color: #e5edf0;}
.editWrap{box-shadow: 3px 3px 10px #888;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;position: fixed;bottom: 30px;right: 30px;background-color: #fff;color: #29324a;}
.editWrap:hover{color: #1abcb0;}
.hidden{display: none;}
